<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			ul li {
				font-size: 20px;
				line-height: 30px;
			}

			img {
				width: 500px;
			}
		</style>
	</head>
	<body>
		<h2>什么是jQuery</h2>
		<ul>
			<li>jQuery是一个轻型、快速的、小巧的功能丰富的JavaScript类库</li>
			<li>jQuery本质就是一堆js的函数的组合</li>
			<li>对原生DOM操作做了一些非常有用的封装，可以让开发人员更简单、更方便、更统一的对DOM进行操作</li>
			<li>屏蔽了浏览器的兼容性，而且提供了强大的可扩展性，成为了目前非常流行的前端开发框架之一</li>
		</ul>

		<h2>为什么要学习jQuery</h2>
		<ul>
			<li>很多老的项目都是jQuery开发的，所以jQuery还会运行很长时间</li>
			<li>jQuery有助于刚入门的开发人员，更深入的理解原生DOM的开发方式</li>
			<li>jQuery库封装的的确非常经典，做一下小项目和简单的项目足够支撑</li>
			<li>第三方类库太丰富</li>
			<li>jQuery的理念：write less，do more</li>
		</ul>

		<h2>jQuery功能</h2>
		<ul>
			<li>HTML 元素选取</li>
			<li>HTML 元素操作</li>
			<li>CSS 操作</li>
			<li>HTML 事件函数</li>
			<li>JavaScript 特效和动画</li>
			<li>HTML DOM 遍历和修改</li>
		</ul>

		<h2>jQuery的版本</h2>

		<img src="img/jquery.PNG" alt="">

		<p>
			<a href="http://jquery.com">jQuery官网</a>
		</p>

	</body>
</html>
